<template>
<!-- html -->
 <div class="app"> 
    <h1>你好啊!</h1>
 </div>
</template>

<script lang="ts">
// JS或TS 脚本标签
//export default 倒数模块的意思
  export default{
    name:'App' //组件名
  }
</script>

<style>
/* 样式 */
    .app{
      background-color: #ddd;
      box-shadow: 0 0 10px;
      border-radius: 10px;
      padding: 20px;
    }
</style>